<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="Template/css/index.css">
	<link rel="stylesheet" href="Template/css/list.css">
	<!-- 新 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="Template/public/bootstrap/css/bootstrap.min.css">
	<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
	<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<body>
	<!-- 顶部导航 -->
	<div id="top">
		<div class="top-nav">
			<div class="top-nav-l">
				<ul>
					{{if value="isset($_SESSION['user_id'])"}}
						<li>你好,欢迎来到海澜之家!</li>
						<li class="user">{{$_SESSION['user_id']}}
						</li>
						<li><a href="{{U('Member/Login/quit')}}">退出</a></li>
						{{else}}
						<li>你好,欢迎来到海澜之家!</li>
						<li class="l1"><a href="{{U('Member/Login/log')}}">请登录</a><span>|</span></li>
						<!-- <li class="l1">合作账号登录</li>
						<li class="l1">
						<a href=""><img src="images/sina.jpg" width="14px"></a>
						<a href=""><img src="images/qqimg.jpg" width="14px"></a>
						<a href=""><img src="images/taobaoimg.jpg" width="14px"></a>
						<span>|</span></li> -->
						<li class="l1"><a href="{{U('Member/Login/reg')}}">免费注册</a></li>
					{{endif}}
				</ul>
			</div>
			<div class="top-nav-r">
				<ul>
					<!-- <li><a href="">我的海澜之家</a><span>|</span></li>
					<li><a href="">在线客服</a><span>|</span></li> -->
					<li><a href="">我的购物袋有0件商品</a></li>
					<!-- <li><a href="">帮助</a><span>|</span></li>
					<li></li> -->
				</ul>
			</div>
		</div>
	</div>
<!-- 顶部导航结束 -->
<!-- 顶部菜单 -->
<div id="category">
	<div class="category-img">
		<div class="cateimg-l">
			<a href=""><img src="Template/images/newgoods.png"></a>
			<a href=""><img src="Template/images/t.png"></a>
			<a href=""><img src="Template/images/chenshan.png"></a>
		</div>
		<div class="cateimg-c">
			<a href=""><img src="Template/images/newlogo.jpg"></a>
		</div>
		<div class="cateimg-r">
			<a href=""><img src="Template/images/paonan.jpg"></a>
		</div>
	</div>
	<div class="category-text">
		<div class="text-con">
			<dl>
				<dt><a href="">首页</a></dt>
				<dt><a href="{{U('Home/Index/lists')}}">所有商品</a></dt>
				{{foreach from="$cat" value="$a"}}
					<dt><a href="{{U('Home/Index/lists',array('cat_id'=>$a['cat_id']))}}">{{$a['cat_name']}}</a></dt>
				{{endforeach}}
				<!-- <dt><a href="">夏季热卖</a></dt>
				<dt><a href="">长袖T恤</a></dt>
				<dt><a href="">夹克</a></dt>
				<dt><a href="">长袖衬衫</a></dt>
				<dt><a href="">针织衫/毛衫</a></dt>
				<dt><a href="">外套</a></dt>
				<dt><a href="">裤装</a></dt>
				<dt><a href="">配饰</a></dt> -->
			</dl>
			<!-- <ul>
				<li><a href="">首页</a></li>
				<li><a href="">所有商品</a></li>
				<li><a href="">秋季新品</a></li>
				<li><a href="">夏季热卖</a></li>
				<li><a href="">长袖T恤</a></li>
				<li><a href="">夹克</a></li>
				<li><a href="">长袖衬衫</a></li>
				<li><a href="">针织衫/毛衫</a></li>
				<li><a href="">外套</a></li>
				<li><a href="">裤装</a></li>
				<li><a href="">配饰</a></li>
			</ul> -->
		</div>
	</div>
</div>
<!-- 顶部菜单结束 -->
<!-- 列表内容 -->
<div id="list">
	<div class="catenav">
		<ul>
			<li>商品筛选</li>	
			<li class="attr">尺码：<a href="">全部</a><a href="">S</a><a href="">M</a><a href="">L</a></li>
			<li class="attr">颜色：<a href="">全部</a><a href="">深蓝</a><a href="">橙色</a></li>
			<li class="attr">价格：<a href="">全部</a></li>
		</ul>
	</div>
	<div class="goods">
		<div class="left">
			<a href=""><img src="Template/images/list/cebian0803.jpg" alt=""></a>
			<ul class="qiuji">
				<li><a href="">☆长袖T恤</a></li>
				<li><a href="">☆长袖衬衫</a></li>
				<li><a href="">☆毛衣/针织衫</a></li>
				<li><a href="">☆夹克</a></li>
				<li><a href="">☆风衣</a></li>
				<li><a href="">☆西服</a></li>
				<li><a href="">☆休闲裤</a></li>
				<li><a href="">☆牛仔裤</a></li>
				<li><a href="">☆西裤</a></li>
				<li><a href="">☆配饰</a></li>
			</ul>
			<p><a href="">157款<span>可选</span>/68-338元</a></p>
			<ul class="xiaji">
				<li><a href="">☆短袖T恤</a></li>
				<li class="indent"><a href="">■&nbsp;超值68元专区</a></li>
				<li class="indent b"><a href="">■&nbsp;超值78元专区</a></li>
				<li class="indent b"><a href="">■&nbsp;超值98元专区</a></li>
				<li class="indent b"><a href="">■&nbsp;超值128元专区</a></li>
				<li class="indent"><a href="">■&nbsp;品质丝光棉专区</a></li>
				<li><a href="">☆短袖衬衫</a></li>
				<li><a href="">☆休闲中裤</a></li>
				<li><a href="">☆牛仔中裤</a></li>			
			</ul>
			<p class="shang"><a href="">344款<span>可选</span>/68-368元</a></p>
			<ul class="shangzhuang">
				<li><a href="">■&nbsp;&nbsp;长袖T恤</a></li>
				<li><a href="">■&nbsp;&nbsp;长袖衬衫</a></li>
				<li><a href="">■&nbsp;&nbsp;针织衫</a></li>
				<li><a href="">■&nbsp;&nbsp;夹克</a></li>
				<li><a href="">■&nbsp;&nbsp;西服</a></li>
			</ul>
			<p class="xia"><a href="">119款<span>可选</span>/138-358元</a></p>
			<ul class="xiazhuang">
				<li><a href="">■&nbsp;&nbsp;牛仔裤</a></li>
				<li><a href="">■&nbsp;&nbsp;休闲裤</a></li>
				<li class="xiku"><a href="">■&nbsp;&nbsp;西裤</a></li>
			</ul>
			<p class="waitao"><a href="">53款<span>可选</span>/298-680元</a></p>
			<ul class="wai">
				<li class="b"><a href="">■&nbsp;&nbsp;夹克</a></li>
				<li class="b"><a href="">■&nbsp;&nbsp;风衣</a></li>
				<li><a href="">■&nbsp;&nbsp;大衣</a></li>
				<li class="b"><a href="">■&nbsp;&nbsp;休闲西服</a></li>
				<li><a href="">■&nbsp;&nbsp;商务西服</a></li>
				<li><a href="">■&nbsp;&nbsp;羽绒服</a></li>
				<li><a href="">■&nbsp;&nbsp;棉衣</a></li>
			</ul>
			<p class="peishi"><a href="">129款<span>可选</span>/12-498元</a></p>
			<ul class="ps">
				<li class="b"><a href="">■&nbsp;&nbsp;皮带</a></li>
				<li class="b"><a href="">■&nbsp;&nbsp;男鞋</a></li>
				<li><a href="">■&nbsp;&nbsp;袜子</a></li>
				<li><a href="">■&nbsp;&nbsp;内裤</a></li>
				<li><a href="">■&nbsp;&nbsp;领带</a></li>
			</ul>
		</div>
		<div class="right">
			<div class="top">
				<p>排序:</p><button type="button" class="btn btn-default an"><span>销量↓</span></button><button type="button" class="btn btn-default an"><span>价格↓</span></button>
			</div>
			<div class="goods-list">
				<ul>
					{{foreach from="$goods" value="$g"}}
						<li><a title="2015夏季新品 海澜之家男装正品POLO领拼接短袖T恤" target="_blank" href=""><img src="{{$g['list_pic']}}" alt=""><div class="goods-title"><p class="titles">{{$g['goods_name']}}</p><p class="price">售价<span>¥{{$g['shop_price']}}</span></p></div></a></li>
					{{endforeach}}
					<!-- <li><a title="2015夏季新品 海澜之家男装正品POLO领拼接短袖T恤" target="_blank" href=""><img src="Template/images/list/1.jpg" alt=""><div class="goods-title"><p class="titles">2015夏季新品 海澜之家男装正品POLO领拼接短袖T恤</p><p class="price">售价<span>¥128.00</span></p></div></a></li>
					<li><a title="2015夏季新品 海澜之家男装正品POLO领拼接短袖T恤" target="_blank" href=""><img src="Template/images/list/1.jpg" alt=""><div class="goods-title"><p class="titles">2015夏季新品 海澜之家男装正品POLO领拼接短袖T恤</p><p class="price">售价<span>¥128.00</span></p></div></a></li>
					<li><a title="2015夏季新品 海澜之家男装正品POLO领拼接短袖T恤" target="_blank" href=""><img src="Template/images/list/1.jpg" alt=""><div class="goods-title"><p class="titles">2015夏季新品 海澜之家男装正品POLO领拼接短袖T恤</p><p class="price">售价<span>¥128.00</span></p></div></a></li>
					<li><a title="2015夏季新品 海澜之家男装正品POLO领拼接短袖T恤" target="_blank" href=""><img src="Template/images/list/1.jpg" alt=""><div class="goods-title"><p class="titles">2015夏季新品 海澜之家男装正品POLO领拼接短袖T恤</p><p class="price">售价<span>¥128.00</span></p></div></a></li>
					<li><a title="2015夏季新品 海澜之家男装正品POLO领拼接短袖T恤" target="_blank" href=""><img src="Template/images/list/1.jpg" alt=""><div class="goods-title"><p class="titles">2015夏季新品 海澜之家男装正品POLO领拼接短袖T恤</p><p class="price">售价<span>¥128.00</span></p></div></a></li>
					<li><a title="2015夏季新品 海澜之家男装正品POLO领拼接短袖T恤" target="_blank" href=""><img src="Template/images/list/1.jpg" alt=""><div class="goods-title"><p class="titles">2015夏季新品 海澜之家男装正品POLO领拼接短袖T恤</p><p class="price">售价<span>¥128.00</span></p></div></a></li>
					<li><a title="2015夏季新品 海澜之家男装正品POLO领拼接短袖T恤" target="_blank" href=""><img src="Template/images/list/1.jpg" alt=""><div class="goods-title"><p class="titles">2015夏季新品 海澜之家男装正品POLO领拼接短袖T恤</p><p class="price">售价<span>¥128.00</span></p></div></a></li>
					<li><a title="2015夏季新品 海澜之家男装正品POLO领拼接短袖T恤" target="_blank" href=""><img src="Template/images/list/1.jpg" alt=""><div class="goods-title"><p class="titles">2015夏季新品 海澜之家男装正品POLO领拼接短袖T恤</p><p class="price">售价<span>¥128.00</span></p></div></a></li>
					<li><a title="2015夏季新品 海澜之家男装正品POLO领拼接短袖T恤" target="_blank" href=""><img src="Template/images/list/1.jpg" alt=""><div class="goods-title"><p class="titles">2015夏季新品 海澜之家男装正品POLO领拼接短袖T恤</p><p class="price">售价<span>¥128.00</span></p></div></a></li>
					<li><a title="2015夏季新品 海澜之家男装正品POLO领拼接短袖T恤" target="_blank" href=""><img src="Template/images/list/1.jpg" alt=""><div class="goods-title"><p class="titles">2015夏季新品 海澜之家男装正品POLO领拼接短袖T恤</p><p class="price">售价<span>¥128.00</span></p></div></a></li>
					<li><a title="2015夏季新品 海澜之家男装正品POLO领拼接短袖T恤" target="_blank" href=""><img src="Template/images/list/1.jpg" alt=""><div class="goods-title"><p class="titles">2015夏季新品 海澜之家男装正品POLO领拼接短袖T恤</p><p class="price">售价<span>¥128.00</span></p></div></a></li>
					<li><a title="2015夏季新品 海澜之家男装正品POLO领拼接短袖T恤" target="_blank" href=""><img src="Template/images/list/1.jpg" alt=""><div class="goods-title"><p class="titles">2015夏季新品 海澜之家男装正品POLO领拼接短袖T恤</p><p class="price">售价<span>¥128.00</span></p></div></a></li>
					<li><a title="2015夏季新品 海澜之家男装正品POLO领拼接短袖T恤" target="_blank" href=""><img src="Template/images/list/1.jpg" alt=""><div class="goods-title"><p class="titles">2015夏季新品 海澜之家男装正品POLO领拼接短袖T恤</p><p class="price">售价<span>¥128.00</span></p></div></a></li>
					<li><a title="2015夏季新品 海澜之家男装正品POLO领拼接短袖T恤" target="_blank" href=""><img src="Template/images/list/1.jpg" alt=""><div class="goods-title"><p class="titles">2015夏季新品 海澜之家男装正品POLO领拼接短袖T恤</p><p class="price">售价<span>¥128.00</span></p></div></a></li> -->
				</ul>
			</div>
			<div class="pagelist">
				<nav>
				  <ul class="pagination">
				    <li>
				      <a href="#" aria-label="Previous">
				        <span aria-hidden="true">&laquo;</span>
				      </a>
				    </li>
				    <li><a href="#">1</a></li>
				    <li><a href="#">2</a></li>
				    <li><a href="#">3</a></li>
				    <li><a href="#">4</a></li>
				    <li><a href="#">5</a></li>
				    <li>
				      <a href="#" aria-label="Next">
				        <span aria-hidden="true">&raquo;</span>
				      </a>
				    </li>
				  </ul>
				</nav>
			</div>
		</div>
	</div>
</div>
<!-- 列表内容结束 -->
<!-- 底部 -->
<div id="footer">
	<div class="footer-con">
		<div class="service">
			<ul>
				<li class="day"><img src="Template/images/footerimg1.jpg" alt=""><p>7天</p><span>无条件退货</span></li>
				<li class="free"><img src="Template/images/footerimg2.jpg" alt=""><p>全场免68元包邮</p></li>
				<li class="city"><img src="Template/images/footerimg3.jpg" alt=""><p>全国所有城市</p><span>快递上门服务</span></li>
			</ul>
		</div>
		<div class="text">
			<ul>
				<li><p>新手指南</p><a href="">用户注册</a><br/><a href="">找回密码</a><br/><a href="">服务条款</a></li>
				<li><p>购物指南</p><a href="">购物流程</a><br/><a href="">订单查询</a><br/><a href="">抵用券使用流程</a></li>
				<li><p>配送方式</p><a href="">配送城市和费用</a><br/><a href="">商品验货与签收</a></li>
				<li><p>支付方式</p><a href="">中国银联</a><br/><a href="">支付宝</a><br/><a href="">发票制度</a></li>
				<li><p>售后服务</p><a href="">退换货制度</a><br/><a href="">退换货流程</a><br/><a href="">退款方式</a><br/><a href="">隐私声明</a></li>
				<li class="hotline"><p>客户服务热线<span>(仅收市话费)</span></p><p class="line">400-892-2001</p>
				<p class="jia">加盟热线</p><p class="line">0510-86700308</p><br/><p class="line">0510-86125808</p>
				</li>
			</ul>
		</div>
	</div>
</div>
<!-- 底部结束 -->
</body>
</html>